  <!-- <div class="option">
    <div class="query">
      <div class="example-input">
        <nz-input-group nzSearch [nzSuffix]="suffixIconButton">
          <input placeholder="输入节点名称" nz-input [(ngModel)]="queryName" (ngModelChange)="queryNodeName($event)"
            [nzAutocomplete]="auto" />
        </nz-input-group>
        <ng-template #suffixIconButton>
          <button nz-button nzType="primary" nzSearch><i nz-icon type="search" theme="outline"></i></button>
        </ng-template>
        <nz-autocomplete #auto>
          <nz-auto-option *ngFor="let queryValue of queryValueList" [nzValue]="queryValue.name">
            <span (click)="navigateNode(queryValue.id)">{{ queryValue.name }}</span>
          </nz-auto-option>
        </nz-autocomplete>
      </div>
    </div>
  </div> -->
  <div class="btn-option">
    <button nz-button nzType="primary" (click)="returnRoot()">返回根节点</button>

    <button nz-button (click)="toggleFullScreen()">
      <span *ngIf="!isFullScreen">全屏</span>
      <span *ngIf="isFullScreen">退出全屏</span>
    </button>
    <!-- <button nz-button (click)="addDynamicData()">动态添加数据</button>
        <button nz-button (click)="updMonitor()">修改颜色</button> -->
    <!-- <button nz-button (click)="updWarning()">模拟警告动画</button> -->
    <!-- <button nz-button (click)="closeWarning()">关闭警告动画</button> -->
  </div>


  <div echarts class="demo-chart" [initOpts]="initOpts" [options]="chartOption" [merge]="updateChartOption"
    (chartClick)="onChartEvent($event, 'chartClick')" (chartInit)="onChartInit($event)"></div>
